<template>
    <div id="passage-filter-header">
        <el-form>
            <el-form-item v-for="(search, index) in searchKeyword" :key="index" :label="search.title">
                <recommend-filter :groupChoice="search.options"></recommend-filter>
            </el-form-item>
        </el-form>
    </div>
</template>

<script setup lang="ts">
//传递4个参数的搜索参数
//行程天数
//出发的月份
//人均消费
//标签
const searchKeyword = [
    {
        title: '行程天数',
        options: [
            {
                label: '全部',
                value: 0
            },
            {
                label: '1-2天',
                value: 1
            },
            {
                label: '3-5天',
                value: 2
            },
            {
                label: '5-10天',
                value: 3
            },
            {
                label: '15天以上',
                value: 4
            }
        ]
    },
    {
        title: '出发时间',
        options: [
            {
                label: '全部',
                value: 0
            },
            {
                label: '3-5月',
                value: 1
            },
            {
                label: '6-8月',
                value: 2
            },
            {
                label: '9-11月',
                value: 3
            },
            {
                label: '12月-2月',
                value: 4
            }
        ]
    },
    {
        title: '人均消费',
        options: [
            {
                label: '全部',
                value: 0
            },
            {
                label: '500-1000',
                value: 1
            },
            {
                label: '1000-1500',
                value: 2
            },
            {
                label: '1500-2000',
                value: 3
            },
            {
                label: '2000以上',
                value: 4
            }
        ]
    },
    {
        title: '标签',
        options: [
            {
                label: '全部',
                value: 'all',
            },
            {
                label: '穷游',
                value: '穷游'
            }
            //此处需要查询所有的标签todo
        ]
    },
]
</script>

<style></style>